<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <c:set var="base" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="/MarketingSystem/css/home.css">
<title>主页页面</title>
<script type="text/javascript" src="/MarketingSystem/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="/MarketingSystem/js/home.js"></script>
<body>
	<div id="Container">
           	<div id="lefter">
           		<div class="lefter-a">
           			<span>企业一期产品<br>
           			&nbsp;&nbsp;本期产品以xxx为主题，基于大众审美与流行文化，作出的一款产品。
           			</span>
           			<img alt="产品图片" src="../img/1.jpg">
           		</div>
           		<div class="lefter-a">
					<span>企业二期产品<br>
           			&nbsp;&nbsp;本期产品以xxx为主题，基于大众审美与流行文化，作出的一款产品。
           			</span>
           			<img alt="产品图片" src="../img/2.jpg">
				</div>
           		<div class="lefter-a">
					<span>企业三期产品<br>
           			&nbsp;&nbsp;本期产品以xxx为主题，基于大众审美与流行文化，作出的一款产品。
           			</span>
           			<img alt="产品图片" src="../img/3.jpg">
				</div>
           		<div class="lefter-a">
           			<span>企业四期产品<br>
           			&nbsp;&nbsp;本期产品以xxx为主题，基于大众审美与流行文化，作出的一款产品。
           			</span>
           			<img alt="产品图片" src="../img/4.jpg">
           		</div>
           	</div>
           	<div id="centerer">
	            <div id="header">
	            	<!-- 轮播部分 -->
					<div id="banner">
				      <!-- 图片部分 -->
				      <a href="#"><img id="clsImg" src="/MarketingSystem/img/1.jpg" alt="puss in boots1"></a>
				      
				      <div class="bg"></div> <!-- 图片底部背景层部分-->
				       
				      <ul class="indexList"><!-- 图片右下角序号部分 -->
				        <li class="indexOn">1</li>
				        <li>2</li>
				        <li>3</li>
				        <li>4</li>
				      </ul>
				    </div>
				    <!-- 轮播结束 -->
				</div>
	            <div id="main"  style="background-image: url('/MarketingSystem/img/index-background.jpg');">
					<div id="news">
						<span style="font-size: 20px;font-style: inherit;margin-left: 60px; top: 10px">企业新闻</span>
						<hr size="1" width="98%" color="#808080" align="center"></hr>
						<a style="margin: 20px;" href="#">企业最新动向</a><br>
						<a style="margin: 20px;" href="#">企业最新产品发布</a><br>
						<a style="margin: 20px;" href="#">关于最新假期安排</a><br>
						<a style="margin: 20px;" href="#">最新员工安排调休情况</a><br>
						<a style="margin: 20px;" href="#">关于更好的可持续性发展，如何更好的提高产品和品牌的价值</a><br>
					</div>
				</div>
	            <div id="footerer" style="background-color:#8080ff;">
	            	<span style="font-size: 20px;font-style: inherit;margin-left: 60px; top: 10px">企业合作商家链接</span>
	            	<hr size="1" width="98%" color="#808080" align="center"></hr>
	            	<div style="float:left;margin-left: 50px;">
		            	<ol>
		            		<li style="margin-left: 20px;"><a href="#">百度</a></li>
		            		<li style="margin-left: 20px;"><a href="#">阿里巴巴</a></li>
		            		<li style="margin-left: 20px;"><a href="#">腾讯</a></li>
		            	</ol>
	            	</div>
	            	<div style="float:left;margin-left: 50px;">
		            	<ol>
		            		<li style="margin-left: 20px;"><a href="#">网易</a></li>
		            		<li style="margin-left: 20px;"><a href="#">360</a></li>
		            		<li style="margin-left: 20px;"><a href="#">搜狐</a></li>
		            	</ol>
	            	</div>
	            	<div style="float:left;margin-left: 50px;">
		            	<ol>
		            		<li style="margin-left: 20px;"><a href="#">58同城</a></li>
		            		<li style="margin-left: 20px;"><a href="#">新浪</a></li>
		            		<li style="margin-left: 20px;"><a href="#">携程</a></li>
		            	</ol>
	            	</div>
	            	<div style="float:left;margin-left: 50px;">
		            	<ol>
		            		<li style="margin-left: 20px;"><a href="#">去哪儿</a></li>
		            		<li style="margin-left: 20px;"><a href="#">京东</a></li>
		            		<li style="margin-left: 20px;"><a href="#">淘宝</a></li>
		            	</ol>
	            	</div>
	            	<div style="float:left;margin-left: 50px;">
		            	<ol>
		            		<li style="margin-left: 20px;"><a href="#">小米</a></li>
		            		<li style="margin-left: 20px;"><a href="#">魅族</a></li>
		            		<li style="margin-left: 20px;"><a href="#">华为</a></li>
		            	</ol>
	            	</div>
	            	
	            </div>
           	</div>
    </div>
</body>
</html>